{extend name="common/base" /}
{block name="body"} 
<main>

    <div class="container">
        <div class="layui-tab index-goods">
            <ul class="layui-tab-title">
                {volist name="cat_list" id="cat"} 
                    <li class=" {if isset($param['cat_id']) && $param['cat_id'] == $cat.id}layui-this{/if} ">
                        <a href="/index_goods/{$cat.id}">{$cat.name}</a> 
                    </li>
                {/volist}
                <li class=" {if isset($param['color_sort']) && $param['color_sort'] == 1}layui-this{/if} ">
                    <a href="/index_goods/{$cat_id}/1">colour from dark to light</a> 
                </li>
            </ul>
            <p class="more-type">
                <a href="#"><img src="__ROOT__/static/images/more.png" /></a>
            </p>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <ul class=" goods-item ">
                        {volist name="goods_list" id="goods"}
                        <li class="">
                            <div>
                                <a>
                                    <img data-url="/goods/{$goods.code}" src="{$goods.cover}" />
                                    <div>
                                        <p data-url="goods.detail.html"> <span>{$goods.name}</span>
                                            <img src="__ROOT__/static/images/part2-go.png" alt="" />
                                        </p>
                                        <p class="hide_block">
                                            <span>${$goods.price_selling}</span>
                                        </p>
                                        <div class="hide_block">
                                            <div class="collect-oparation ">
                                                <p class="cancel-collect">
                                                    {if $goods.is_collect} 
                                                        <img src="__ROOT__/static/images/cancel-heart.png" alt="">
                                                        <span>cancel</span>
                                                    {else /} 
                                                        <img src="__ROOT__/static/images/heart.png" alt="">
                                                        <span>collect</span>
                                                    {/if}
                                                 
                                                </p>
                                                <p class="collect-to-cart">
                                                    <img src="__ROOT__/static/images/collect-shopping-cart.png" alt="">
                                                    <span>add to cart</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                </a>
                            </div>
                        </li>
                        {/volist}
                    </ul>
                </div>
               
  
            </div>
            <div class="goods-pagination">
               
                <!-- 上一页按钮 -->
                {notempty name="prev_page"}
                <a href="/index_goods/{$cat_id}/{$color_sort}/{$prev_page}">
                    <img src="__ROOT__/static/images/goods-left.png" alt="Previous">
                </a>
                {/notempty}
                
                <!-- 当前页和总页数显示 -->
                <span>Page {$current_page} of {$total_pages}</span>
                
                <!-- 下一页按钮 -->
                {notempty name="next_page"}
                <a href="/index_goods/{$cat_id}/{$color_sort}/{$next_page}">
                    <img src="__ROOT__/static/images/goods-right.png" alt="Next">
                </a>
                {/notempty}
            </div>
        </div>
    </div>

    <!-- 第三板块 -->
    <!-- <div class="three-plate">
        <div class="container layui-row layui-col-space32">
            <div class="three-plate-text layui-col-md7 layui-col-xs12">
                <h1 class="three-plate-title">About Us</h1>
                <p>
                    Located in Foshan, Yuhuo Sex Co., Ltd. is an individual business
                    engaged in the distribution and wholesale of products such as
                    erotic underwear, gaming equipment, three-point dresses, mesh
                    socks, flight attendant clothing, nurse clothing, qipao, leopard
                    print, condoms, etc. The erotic lingerie, game gear, three-point
                    style, mesh socks, flight attendant gear, nurse gear, cheongsam,
                    leopard print, and condoms operated by Desire Sex Co., Ltd. are
                    popular in the consumer market. The products of Yuhuo Erqing Co
                </p>
                <p>
                    and the company has established long-term and stable cooperative
                    relationships with multiple retailers and agents. The erotic
                    lingerie, game gear, three-point style, mesh socks, flight
                    attendant gear, nurse gear, cheongsam, leopard print, and condoms
                    distributed by Desire Sex Co., Ltd. have a complete range of
                    varieties and reasonable prices. Yuhuo Taste Co., Ltd. has strong
                    strength, values credit, abides by contracts, and ensures product
                    quality.sales volume, it has won the trust of a large number of
                    customers.
                </p>
            </div>
            <div class="three-plate-img layui-col-md5 layui-col-xs12 layui-row layui-col-space20">
                <img class="layui-col-md5 layui-col-xs5" src="images/part3-img1.png" alt="" />
                <img class="layui-col-md7 layui-col-xs7" src="images/part3-img2.png" alt="" />
            </div>
        </div>
    </div> -->
</main>
{/block}


